<%@page contentType="text/html" pageEncoding="UTF-8" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Senac - Trabalho 1</title>
        <link   type='text/css' href='css/style.css' rel='stylesheet' media='screen' />
        <script type='text/javascript' src='js/jquery/jquery-1.7.2.min.js'></script>
        <script type='text/javascript' src='js/jquery/plugins/validate/jquery.validate.min.js'></script>
        <script type='text/javascript' src='js/jquery/plugins/validate/additional-methods.min.js'></script>
        <script type='text/javascript' src='js/jquery/plugins/meiomask/jquery.meiomask.js'></script>
        <script type='text/javascript' src='js/global.js'></script>
        <script type='text/javascript' src='js/index.js'></script>        
    </head>
    <body>
        <div class="header">
            <div class="header-title">
                <h1>Login</h1>
            </div>
        </div>
        
        <form id="formLogin" action="index_controller.jsp" method="post">
            <div class="label">Email:</div>
            <div class="field"><input type="email" id="email" name="email" value="" /></div><br />
            
            <div class="label">Senha:</div>
            <div class="field"><input type="password" id="senha" name="senha" value="" /></div><br />
            
            <div class="label">&nbsp;</div>
            <div class="field">
                <input id="btnLogin"  type="button" value="Login"    />
                <input id="btnCancel" type="reset"  value="Cancelar" />                
            </div><br /><br />
            
            <div class="label">&nbsp;</div>
            <div class="field" id="message"><!-- conteudo dinamico --></div>
        </form>        
    </body>
</html>
